<template>
  <a-config-provider :locale="appLocale">
    <div id="app">
      <a-config-provider :locale="appLocale">
        <div id="app">
          <!-- 路由出口：所有页面通过这里渲染 -->
          <router-view />
          <!-- 全局的返回上一级按钮 -->
          <div class="back-btn-container">
            <a-tooltip title="返回上一级">
              <a-button
                type="primary"
                shape="circle"
                :icon="h(ArrowLeftOutlined)"
                class="back-btn"
                @click="handleBack"
              />
            </a-tooltip>
          </div>
        </div>
      </a-config-provider>
    </div>
  </a-config-provider>
</template>

<script setup lang="ts">
import BasicLayOut from '@/layout/BasicLayOut.vue'
import 'ant-design-vue/dist/reset.css'
import zhCN from 'ant-design-vue/es/locale/zh_CN' // 引入 ant-design-vue 的中文语言包
// import { healthCheckUsingGet } from '@/api/mainController'
import './access.ts'
import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'
import { h } from 'vue'
import { ArrowLeftOutlined } from '@ant-design/icons-vue'
import router from '@/router' // 引入 dayjs 的中文语言包

// // 测试接口
// healthCheckUsingGet().then((res) => {
//   console.log(res)
// })

// 不需要，已经在全局权限校验器里配置
// 获取用户信息
// const loginUserStore = useLoginUserStore();
// loginUserStore.fetchLoginUser();
// 设置 dayjs 默认语言为中文
dayjs.locale('zh-cn')
// 使用 Composition API 和 setup 函数定义响应式数据
const appLocale = zhCN // 设置当前应用的语言环境

// 添加返回上一级逻辑
const handleBack = () => {
  router.back()
}

</script>

<style scoped>
#app {
}

/* 返回按钮容器：固定在右下角 */
.back-btn-container {
  position: fixed; /* 固定定位，不随滚动变化 */
  right: 30px; /* 距离右侧30px */
  bottom: 90px; /* 距离底部90px（避开footer） */
  z-index: 8; /* 确保在内容上方，低于header和footer */
}

/* 返回按钮样式 */
.back-btn {
  opacity: 0.5;
  width: 56px;
  height: 56px;
  font-size: 20px;
  background-color: #4CAF50; /* 主色调绿色 */
  border-color: #4CAF50;
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3); /* 绿色阴影增强立体感 */
  transition: all 0.3s ease;
}

/* 按钮悬停效果 */
.back-btn:hover {
  background-color: #388E3C;
  border-color: #388E3C;
  transform: translateY(-3px); /* 上移效果 */
  box-shadow: 0 6px 16px rgba(76, 175, 80, 0.4); /* 阴影加深 */
}

</style>




